<template>
  <van-row align="center" class="info-box" justify="space-between" type="flex">
    <van-col class="count-list flex flex-middle flex-center" span="5">
      <van-button class="count-item">所有()</van-button>
    </van-col>
    <van-col class="count-list flex flex-middle flex-center" span="5">
      <van-button class="count-item">1-2()</van-button>
    </van-col>
    <van-col class="count-list flex flex-middle flex-center" span="5">
      <van-button class="count-item">3-5()</van-button>
    </van-col>
    <van-col class="count-list flex flex-middle flex-center" span="5">
      <van-button class="count-item">6-7()</van-button>
    </van-col>
    <van-col class="count-list flex flex-middle flex-center" span="5">
      <van-button class="count-item">8-9()</van-button>
    </van-col>
  </van-row>
</template>
<script>
import * as ApiFunction from '@/api/common.js'
export default {
  name: 'queueheader',
  data() {
    return {
      
    }
  },
  props: {
    
  },
  watch: {
    
  }
}
ApiFunction.GetTableDataTest()
ApiFunction.GetTableDataByParamTest()
ApiFunction.GetTableDataBySQLTest()
ApiFunction.UpdateTableDataTest()
</script>

<style scoped>
.van-button {
  font-size: 1rem !important;
  white-space: nowrap;
  padding: 0 0.25rem;
}
.info-box {
  height: 2.5rem;
}
.count-list {
  height: 100%;
  margin: 0.1rem;
}
.count-item {
  width: 100%;
  height: 100%;
  border: none;
  background-color: #e4e7ed;
}
</style>
